@extends('home.layout')
@section('content')
	<div class="content_zong">
		<div class="content">
			<div class="content_left">
				<div class="fenlei">
	                <ul>
	                    <li>
	                         <dl class="fenleiLeft">
	                            <dt>男人</dt>
	                            <dd>
	                                <a href="#">男外套</a>
	                                <a href="#">男鞋</a>
	                                <a href="#">男裤</a>
	                                <a href="#">衬衫</a>
	                                <a href="#">手表</a>
	                                <a href="#">男卫衣</a>
	                                <a href="#">打底衫</a>
	                                <a href="#">山地车</a>
	                                <a href="#">男皮带</a>
	                                <a href="#">旅行箱</a>
	                                <a href="#">包</a>
	                                <a href="#">睡衣男</a>
	                                <a href="#">运动鞋</a>
	                                <a href="#">裤袜</a>
	                                <a href="#">书包</a>
	                                <a href="#">海竿</a>
	                                <a href="#">运动裤</a>
	                                <a href="#">腰带男</a>
	                                <a href="#">男T恤</a>
	                                <a href="#">乔丹4代</a>
	                                <a href="#">情侣装</a>
	                                <a href="#">棒球服</a>
	                                <a href="#">男保暖裤</a>
	                                <a href="#">源码之家</a>
	                            </dd>
	                         </dl>
	                    </li>
	                    <li>
	                         <dl class="fenleiLeft">
	                            <dt>美食</dt>
	                            <dd>
	                                <a href="#">男鞋</a><a href="#">男裤</a>
	                                <a href="#">手表</a><a href="#">男卫衣</a>
	                                <a href="#">nb男鞋</a><a href="#">打底衫</a>
	                                <a href="#">拖鞋</a><a href="#">睡衣</a>
	                                <a href="#">男运动鞋</a><a href="#">山地车</a>
	                                <a href="#">男皮带</a>
	                                <a href="#">运动裤</a><a href="#">男棉裤</a>
	                                <a href="#">以纯男T恤包</a><a href="#">情侣装</a>
	                                <a href="#">男保暖裤</a><a href="#">运动鞋</a>
	                                <a href="#">男乔丹4代跑鞋</a>
	                                <a href="#">腰带</a><a href="#">男旅行箱</a>
	                                <a href="#">气垫鞋</a><a href="#">板鞋</a>
	                                <a href="#">温暖一家之主De冬日风采</a><a href="#">羽绒服羽绒服中的小立领</a>
	                                <a href="#">皮衣潮男装</a>
	                            </dd>
	                         </dl>
	                    </li>
	                    <li>
	                         <dl class="fenleiLeft">
	                            <dt>女人</dt>
	                            <dd>
	                                <a href="#">男鞋</a><a href="#">男裤</a>
	                                <a href="#">手表</a><a href="#">男卫衣</a>
	                                <a href="#">nb男鞋</a><a href="#">打底衫</a>
	                                <a href="#">拖鞋</a><a href="#">睡衣</a>
	                                <a href="#">男运动鞋</a><a href="#">山地车</a>
	                                <a href="#">男皮带</a>
	                                <a href="#">运动裤</a><a href="#">男棉裤</a>
	                                <a href="#">以纯男T恤包</a><a href="#">情侣装</a>
	                                <a href="#">男保暖裤</a><a href="#">运动鞋</a>
	                                <a href="#">男乔丹4代跑鞋</a>
	                                <a href="#">腰带</a><a href="#">男旅行箱</a>
	                                <a href="#">气垫鞋</a><a href="#">板鞋</a>
	                                <a href="#">温暖一家之主De冬日风采</a><a href="#">羽绒服羽绒服中的小立领</a>
	                                <a href="#">皮衣潮男装</a>
	                            </dd>
	                         </dl>
	                    </li>
	                    <li>
	                         <dl class="fenleiLeft">
	                            <dt>数码</dt>
	                            <dd>
	                                <a href="#">男鞋</a><a href="#">男裤</a>
	                                <a href="#">手表</a><a href="#">男卫衣</a>
	                                <a href="#">nb男鞋</a><a href="#">打底衫</a>
	                                <a href="#">拖鞋</a><a href="#">睡衣</a>
	                                <a href="#">男运动鞋</a><a href="#">山地车</a>
	                                <a href="#">男皮带</a>
	                                <a href="#">运动裤</a><a href="#">男棉裤</a>
	                                <a href="#">以纯男T恤包</a><a href="#">情侣装</a>
	                                <a href="#">男保暖裤</a><a href="#">运动鞋</a>
	                                <a href="#">男乔丹4代跑鞋</a>
	                                <a href="#">腰带</a><a href="#">男旅行箱</a>
	                                <a href="#">气垫鞋</a><a href="#">板鞋</a>
	                                <a href="#">温暖一家之主De冬日风采</a><a href="#">羽绒服羽绒服中的小立领</a>
	                                <a href="#">皮衣潮男装</a>
	                            </dd>
	                         </dl>
	                    </li>
	                    <li>
	                         <dl class="fenleiLeft">
	                            <dt>家具</dt>
	                            <dd>
	                                <a href="#">男鞋</a><a href="#">男裤</a>
	                                <a href="#">手表</a><a href="#">男卫衣</a>
	                                <a href="#">nb男鞋</a><a href="#">打底衫</a>
	                                <a href="#">拖鞋</a><a href="#">睡衣</a>
	                                <a href="#">男运动鞋</a><a href="#">山地车</a>
	                                <a href="#">男皮带</a>
	                                <a href="#">运动裤</a><a href="#">男棉裤</a>
	                                <a href="#">以纯男T恤包</a><a href="#">情侣装</a>
	                                <a href="#">男保暖裤</a><a href="#">运动鞋</a>
	                                <a href="#">男乔丹4代跑鞋</a>
	                                <a href="#">腰带</a><a href="#">男旅行箱</a>
	                                <a href="#">气垫鞋</a><a href="#">板鞋</a>
	                                <a href="#">温暖一家之主De冬日风采</a><a href="#">羽绒服羽绒服中的小立领</a>
	                                <a href="#">皮衣潮男装</a>
	                            </dd>
	                         </dl>
	                    </li>
	                    <li>
	                         <dl class="fenleiLeft">
	                            <dt>母婴</dt>
	                            <dd>
	                                <a href="#">男鞋</a><a href="#">男裤</a>
	                                <a href="#">手表</a><a href="#">男卫衣</a>
	                                <a href="#">nb男鞋</a><a href="#">打底衫</a>
	                                <a href="#">拖鞋</a><a href="#">睡衣</a>
	                                <a href="#">男运动鞋</a><a href="#">山地车</a>
	                                <a href="#">男皮带</a>
	                                <a href="#">运动裤</a><a href="#">男棉裤</a>
	                                <a href="#">以纯男T恤包</a><a href="#">情侣装</a>
	                                <a href="#">男保暖裤</a><a href="#">运动鞋</a>
	                                <a href="#">男乔丹4代跑鞋</a>
	                                <a href="#">腰带</a><a href="#">男旅行箱</a>
	                                <a href="#">气垫鞋</a><a href="#">板鞋</a>
	                                <a href="#">温暖一家之主De冬日风采</a><a href="#">羽绒服羽绒服中的小立领</a>
	                                <a href="#">皮衣潮男装</a>
	                            </dd>
	                         </dl>
	                    </li>
	                    <li>
	                         <dl class="fenleiLeft">
	                            <dt>美妆</dt>
	                            <dd>
	                                <a href="#">男鞋</a><a href="#">男裤</a>
	                                <a href="#">手表</a><a href="#">男卫衣</a>
	                                <a href="#">nb男鞋</a><a href="#">打底衫</a>
	                                <a href="#">拖鞋</a><a href="#">睡衣</a>
	                                <a href="#">男运动鞋</a><a href="#">山地车</a>
	                                <a href="#">男皮带</a>
	                                <a href="#">运动裤</a><a href="#">男棉裤</a>
	                                <a href="#">以纯男T恤包</a><a href="#">情侣装</a>
	                                <a href="#">男保暖裤</a><a href="#">运动鞋</a>
	                                <a href="#">男乔丹4代跑鞋</a>
	                                <a href="#">腰带</a><a href="#">男旅行箱</a>
	                                <a href="#">气垫鞋</a><a href="#">板鞋</a>
	                                <a href="#">温暖一家之主De冬日风采</a><a href="#">羽绒服羽绒服中的小立领</a>
	                                <a href="#">皮衣潮男装</a>
	                            </dd>
	                         </dl>
	                    </li>
	                </ul>
	            </div>
	        </div>
			<div class="content_right">
				<!-- 轮播图代码 开始 -->
				<div>
					<div class="slider">
						<div><a href="#"><img src="/home/meilishuo/images/4457a0cb190cef4ef80983b34e54_960_420.c5.jpg" alt=""></a></div>
						<div><a href="#"><img src="/home/meilishuo/images/606f75fa4da5b48f15f4e81a92b0_960_420.c5.jpg" alt=""></a></div>
						<div><a href="#"><img src="/home/meilishuo/images/e484e20c93ec77435581c6eaaeef_960_420.c5.jpg" alt=""></a></div>
					
					</div>
				</div>
				<!-- <div class="image1234">
					<div class="iamge_1" style="width:220px;height:150px;background:pink;float:left;margin-top:12px;"><a href="#"><img src="/home/meilishuo/pic/2016-06-24_192538.png"></a></div>
					<div class="iamge_2" style="width:220px;height:150px;background:pink;float:left;margin-top:12px;margin-left:10px;"><a href="#"><img src="/home/meilishuo/pic/2016-06-24_192725.png"></a></div>
					<div class="iamge_3" style="width:220px;height:150px;background:pink;float:left;margin-top:12px;margin-left:10px;"><a href="#"><img src="/home/meilishuo/pic/2016-06-24_192925.png"></a></div>
					<div class="iamge_4" style="width:220px;height:150px;background:pink;float:left;margin-top:12px;margin-left:10px;"><a href="#"><img src="/home/meilishuo/pic/2016-06-24_192836.png"></a></div>
				</div> -->	
				<div class="image1234">
					<div class="image_" style=""><a href="#"><img src="/home/meilishuo/pic/2016-06-24_192538.png"></a></div>
					<div class="image_" style=""><a href="#"><img src="/home/meilishuo/pic/2016-06-24_192725.png"></a></div>
					<div class="image_" style=""><a href="#"><img src="/home/meilishuo/pic/2016-06-24_192925.png"></a></div>
					<div class="image_" style=""><a href="#"><img src="/home/meilishuo/pic/2016-06-24_192836.png"></a></div>
				</div>			
			</div>
		</div>
	</div>
	<div class="content_zong2">
		<div class="content_goods_logo">
			<div class="cate">
				<div class="cate_top">
					<div class="cate_top1" style=""><br>新品精选</div>
					<div class="cate_top2" style=""><br><br>尖货来袭 要你好看</div>
					<div class="cate_top3" style=""></div>
				</div>
				<div class="cate_bottom" style="">
				@for($i=0;$i<5;$i++)
					<div class="goods_logo"><a href="/home/goods/details/{{$newsgoods[$i]->id}}"><img src="{{$newsgoods[$i]->logo}}"></a></div>
				@endfor			
				</div>
			</div>
			<div class="cate">
				<div class="cate_top">
					<div class="cate_top1" style=""><br>好店精选</div>
					<div class="cate_top2" style=""><br><br>店铺精选 品质保证</div>
					<div class="cate_top3" style=""></div>
				</div>
				<div class="cate_bottom" style="">
				@for($i=0;$i<5;$i++)
					<div class="goods_logo"><a href="/home/shop/details/{{$goodshop[$i]->id}}"><img src="{{$goodshop[$i]->logo}}"></a></div>
				@endfor
					<!-- <div class="goods_logo" style=""></div>
					<div class="goods_logo" style=""></div>
					<div class="goods_logo" style=""></div>
					<div class="goods_logo" style=""></div> -->			
				</div>
			</div>
			<div class="cate">
				<div class="cate_top">
					<div class="cate_top1" style=""><br>正在流行</div>
					<div class="cate_top2" style=""><br><br>流行元素 权威榜单</div>
					<div class="cate_top3" style=""></div>
				</div>
				<div class="cate_bottom" style="">
				@for($i=0;$i<5;$i++)
					<div class="goods_logo"><a href="/home/goods/details/{{$max_sell_num[$i]->id}}"><img src="{{$max_sell_num[$i]->logo}}"></a></div>
				@endfor
					<!-- <div class="goods_logo" style=""></div>
					<div class="goods_logo" style=""></div>
					<div class="goods_logo" style=""></div>
					<div class="goods_logo" style=""></div> -->			
				</div>
			</div>
		</div>
	</div>
	<!-- 小广告开始 -->
	@if($ggkg == 1)
		<div id="con">
	        <ul>
	           @foreach($guanggao as $gg)
	            <li><a href="http://{{$gg -> url}}"><img src="{{$gg -> pic}}" title="{{$gg -> name}}" /></a></li>
	            @endforeach 
	        </ul>

	        <div id='sid'>
	            <span>1</span>
	            <span>2</span>
	            <span>3</span>
	            <span>4</span>
	        </div>
	        <div id="guan"><img src="/uploads/guanggao/close.gif" title="关闭"></div>
	    </div>
	     <script type="text/javascript">
	        // alert($);
	        var str = '-';
	        var inte = null;
	        
	        //声明一个函数
	        function run()
	        {
	            //设置定时器
	            inte = setInterval(function(){

	                //判断
	                if($('#con ul').position().left <= -350)
	                {
	                    str = '+';
	                }

	                if($('#con ul').position().left >= -10)
	                {
	                    str = '-';
	                }

	                //添加动画
	                $('#con ul').animate({
	                    'left': str + '=120px',
	                },1000);

	            }, 3000);
	        }

	        //程序入口
	        run();
	        

	        //添加事件
	        $('#con').mouseover(function(){
	            
	            //清除定时器
	            clearInterval(inte);
	            inte = null;
	            return false;

	        }).mouseout(function(){
	            run();
	            return false;
	        });

	        $('#sid span').mouseover(function(){
	            // alert(111);
	            //获取span的值
	            var num = $(this).html() - 1;
	            //计算left
	            var l = '-' + 120*num + 'px';
	            //设置left
	            $('#con ul').css('left',l);
	            //清除定时器
	            clearInterval(inte);
	            inte = null;
	            return false;

	        }).mouseout(function(){
	            run();
	            return false;
	        });
	        
	        $('#guan').on('click',function(){
	            $('#con').css('display','none');
	            return false;
	        });
	    </script>
	@endif
	
    <!-- 小广告结束 -->

@endsection